@import '../../styles/theme/variables.less';
.lightBox {
  width: 100%;
  background-color: @lightBoxColor;
  border-radius: 6px;
  overflow: hidden;
 
}

.pagebox {
  background-color: @lightPageColor;
}

.allbox {
  margin-top: 2px;
}

.boardName {
  color: @lightNameColor;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 46px;
  cursor: pointer;
  margin: 0;
}

.topFiltrate {
  width: 100%;
  height: 54px;
  background-color: @lightBoxColor;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;

  .topFiltratetitle {
    position: absolute;
    line-height: 54px;
    top: 0;
    left: 20px;
  }

  p {
    padding: 0 20px;
    line-height: 30px;
    cursor: default;
    position: relative;
    cursor: pointer;
  }

  //头部导航高亮
  .activep {
    color: #fff;
    //border-image: linear-gradient(0deg, #1991EB, #2EA1F8) 10 10;
    background: linear-gradient(0deg, #1991EB 10%, #2EA1F8 90%);
  }
}

.quantityOFGacility {
  overflow: hidden;
  padding: 20px 10px;

  li {
    float: left;
    width: 17%;
    margin: 0 1.5%;
    border: 1px solid #E6EAEE;
    border-radius: 2px;
    text-align: center;
    position: relative;
    padding: 15px 0;
    box-sizing: border-box;
  }

  h5 {
    margin: 0!important;
    font-size: 36px;
    font-family: Proxima Nova;
    font-weight: 400;
    color: #289DF5;
    line-height: 42px;
  }

  p {
    margin: 0!important;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: @lightlingtColor;
    line-height: 22px;
  }

  a {
    margin: 0!important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #289DF5;
  }
}
//状态统计

.pielegendbox {
  display: flex;
  flex-direction: column;
  //align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.05);
  border-left: 1px solid #E6EAEE;
}

.pielegend {
  line-height: 60px;
  height: 60px;
  padding-left: 20px;
  margin: 0!important;
  border-bottom: 1px solid #E6EAEE;

  &:last-child {
    border: 0 !important;
  }

  .quan {
    margin-top: 0!important;
    margin-bottom: 0!important;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 10px;
  }

  .name {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #7F8FA4;
    line-height: 32px;
    margin-top: 0!important;
    margin-bottom: 0!important;
    margin-right: 20px;
  }

  .value {
    margin-top: 0!important;
    margin-bottom: 0!important;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: @lightlingtColor;
    line-height: 32px;
  }
}
//订单任务
.taskPieChart{
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: @lightlingtColor;
  line-height: 24px;
  text-align: center;
  span{
    color: @lightSubColor;
    margin-right: 5px;
  }
}
.taskli {
  width: 94%;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 10px 10px;
  margin: 0px 3%;
  box-sizing: border-box;
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;

  .tasktop {
    overflow: hidden;

    span {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: @lightlingtColor;
      line-height: 40px;
    }

    .tasktopstatus {
      float: right;
      color: #289DF5;
    }
  }

  .taskPRO {
    width: 100%;
    padding: 20px 0;

    .progress {
      height: 8px;
      border-radius: 8px;
      width: 100%;
      margin: 0 auto;
      background-color: #E2E7EE;
      position: relative;

      .progressnum {
        position: absolute;
        top: -18px;
        right: 0px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: @lightSubColor;
        line-height: 16px;
      }

      .progressPlan {
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        border-radius: 8px;
        background: linear-gradient(0deg, #1991EB 0%, #2EA1F8 100%);
        z-index: 2;

        .progressPlannum {
          position: absolute;
          bottom: -18px;
          right: -6px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #1991EB;
          line-height: 16px;
        }
      }

      .progressIn {
        position: absolute;
        top: 0;
        left: 0;
        width: 20%;
        height: 100%;
        border-radius: 8px;
        background: linear-gradient(0deg, #D65B4A, #ED6856);
        z-index: 3;

        .progressInnum {
          position: absolute;
          bottom: -18px;
          right: 6px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #D65B4A;
          line-height: 16px;
        }
      }
    }
  }

  .taskMsg {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;

    div {
      float: left;
      width: 33.3%;
      text-align: center;

      h4 {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: @lightlingtColor;
        line-height: 26px;
      }

      p {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: @lightSubColor;
        line-height: 22px;
      }
    }
  }
}

//生产统计
.progressdiv {
  padding: 20px;
  box-sizing: border-box;

  h6 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: @lightlingtColor;
    line-height: 40px;
  }

  .progressdivone {
    padding: 10px;
    box-sizing: border-box;

    .progressOnename {
      margin-right: 20px;
      display: inline-block;
      width: 35%;
    }
  }
}

//产量统计
.production {
  padding: 20px 0;
}

//预警统计
.pieChartsAlarm {
  padding: 21px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #E6EAEE;
}

.AlarmnumBox {
  overflow: hidden;
  margin: 0;
  div {
    width: 50%;
    padding: 6px 0;
    float: left;
    margin: 0;

    h5 {
      margin: 0;
      font-size: 30px;
      font-family: Proxima Nova;
      font-weight: 400;
      color: @lightlingtColor;
      line-height: 36px;
      text-align: center;

    }

    p {
      text-align: center;
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #7F8FA4;
      line-height: 20px;
      margin: 0;
    }
  }
}

//日历
.classesList {
  h5 {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #289DF5;
    line-height: 36px;
    cursor: pointer;
  }

  ul {
    padding: 20px 10px 0;
    box-sizing: border-box;
  }

  li {
    margin-top: 17px;
    margin-bottom: 16px;
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
    border: 1px solid #E6EAEE;
    position: relative;
    &:after{
      content:"";
      position: absolute;
      top:0;
      left: 0;
      height: 100%;
      width: 2px;
      background-color: #289DF5;
    }
    h5 {
      width: 100%;
      margin: 0!important;
      span {
        float: right;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: @lightSubColor;
        line-height: 36px;
      }
    }

    p {
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: @lightlingtColor;
      line-height: 24px;
      margin: 0!important;
      span {
        margin: 0!important;
        color: @lightSubColor;
      }
    }
  }
}
::v-deep .ant-calendar-picker{
  opacity: 0!important;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
}

